<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">

<html lang="en">
<head>
  <meta http-equiv="content-type" content="text/html; charset=us-ascii">

  <title>YUI Buttons Example</title>
  <script type="text/javascript" src="../build/yahoo-dom-event/yahoo-dom-event.js">
  </script>
  <script type="text/javascript" src="../build/element/element-beta-min.js">
  </script>
  <script type="text/javascript" src="../build/button/button-min.js">
  </script>
  <script type="text/javascript" src="button.js"></script>

  <link rel="stylesheet" type="text/css" href="../build/assets/skins/sam/button.css">
  <link rel="stylesheet" type="text/css" href="button.css">
</head>

<body class="yui-skin-sam">
  <div>
    <h1>Please complete this form</h1>

    <form method="post" action="processForm.php">
      <div class="formdiv">
        <label>Please enter your first name:&nbsp;</label>
        <input class="field" type="text" name="fname">
      </div>

      <div class="formdiv">
        <label>Please enter your last name:&nbsp;</label>
        <input class="field" type="text" name="lname">
      </div>

      <div class="formdiv">
        <label>Please enter your email:&nbsp;</label>
        <input class="field" type="text" name="email">
      </div>
      <div class="formdiv">
        <button id="tacs" name="tacs" type="button">Please Read our T&Cs</button>
        <div id="buttonGroup1" class="yui-buttongroup">
          <span id="radio1" class="yui-button yui-radio-button yui-button-checked">
            <span class="first-child">
              <button type="button" name="termsRadio" value="disagree">I Do Not Agree</button>
            </span>
          </span>
        
          <span id="radio2" class="yui-button yui-radio-button">
            <span class="first-child">
              <button type="button" name="termsRadio" value="agree">I Agree</button>
            </span>
          </span>
        </div>
      </div>
      <div id="buttons">
        <button type="reset" id="myReset" name="myReset">Reset</button>
        &nbsp;<button type="submit" id="mySubmit" name="mySubmit">Submit</button>
      </div>
    </form>
  </div>
</body>
</html>
